<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<link rel="stylesheet" type="text/css" href="css/JaneIndex.css"/>
		<link rel="stylesheet" type="text/css" href="css/fdj.css"/>
		<script type="text/javascript" src="js/JaneIndex.js"></script>
		<script type="text/javascript" src="js/fdj.js"></script>
	</head>
	<body>
		<header>
			<div class="top">
				<img src="images/logo.gif"/>
				<input type="text" placeholder="请输入商品名称" />
				<ul>
					<li title="#4261A4"></li>
					<li title="#AFD302"></li>
					<li title="#FBA70E"></li>
					<li title="#17BFCF"></li>
					<li title="#E11556"></li>
					<li title="#BE46D8"></li>
				</ul>
				<div class="nav">
					<ul>
						<li><a href="javascript: ;">首页</a></li>
						<li><a href="javascript: ;">品牌</a>
							<div class="bg">
								<dl>
									<dt>品牌：</dt>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
									<dd><a href="javascript: ;">李宁</a></dd>
									<dd><a href="javascript: ;">安踏</a></dd>
									<dd><a href="javascript: ;">奥康</a></dd>
									<dd><a href="javascript: ;">骆驼</a></dd>
									<dd><a href="javascript: ;">特步</a></dd>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
								</dl>
								<dl>
									<dt>品牌：</dt>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
									<dd><a href="javascript: ;">李宁</a></dd>
									<dd><a href="javascript: ;">安踏</a></dd>
									<dd><a href="javascript: ;">奥康</a></dd>
									<dd><a href="javascript: ;">骆驼</a></dd>
									<dd><a href="javascript: ;">特步</a></dd>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
								</dl>
							</div>
						</li>
						<li><a href="javascript: ;">女装</a>
							<div class="bg">
								<dl>
									<dt>女装：</dt>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
									<dd><a href="javascript: ;">李宁</a></dd>
									<dd><a href="javascript: ;">安踏</a></dd>
									<dd><a href="javascript: ;">奥康</a></dd>
									<dd><a href="javascript: ;">骆驼</a></dd>
									<dd><a href="javascript: ;">特步</a></dd>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
								</dl>
								<dl>
									<dt>女装：</dt>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
									<dd><a href="javascript: ;">李宁</a></dd>
									<dd><a href="javascript: ;">安踏</a></dd>
									<dd><a href="javascript: ;">奥康</a></dd>
									<dd><a href="javascript: ;">骆驼</a></dd>
									<dd><a href="javascript: ;">特步</a></dd>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
								</dl>
							</div>
						</li>
						<li><a href="javascript: ;">男装</a>
							<div class="bg">
								<dl>
									<dt>男装：</dt>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
									<dd><a href="javascript: ;">李宁</a></dd>
									<dd><a href="javascript: ;">安踏</a></dd>
									<dd><a href="javascript: ;">奥康</a></dd>
									<dd><a href="javascript: ;">骆驼</a></dd>
									<dd><a href="javascript: ;">特步</a></dd>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
								</dl>
								<dl>
									<dt>男装：</dt>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
									<dd><a href="javascript: ;">李宁</a></dd>
									<dd><a href="javascript: ;">安踏</a></dd>
									<dd><a href="javascript: ;">奥康</a></dd>
									<dd><a href="javascript: ;">骆驼</a></dd>
									<dd><a href="javascript: ;">特步</a></dd>
									<dd><a href="javascript: ;">耐克</a></dd>
									<dd><a href="javascript: ;">阿迪</a></dd>
									<dd><a href="javascript: ;">达斯</a></dd>
									<dd><a href="javascript: ;">达芙妮</a></dd>
								</dl>
							</div>
						</li>
						<li><a href="javascript: ;">鞋包配饰</a></li>
					</ul>
				</div>
			</div>
		</header>
		<div class="content1">
			<div class="left-content">
				<h4>商品分类</h4>
				<h5>推荐品牌</h5>
				<ul>
					<li><a href="#javascript: ;" >耐克</a></li>
					<li><a href="#javascript: ;" style="color: red;">阿迪达斯</a>
						<img src="images/hot.gif"/>
					</li>
					<li><a href="#javascript: ;" >达芙妮</a></li>
					<li><a href="#javascript: ;" >李宁</a></li>
					<li><a href="#javascript: ;" >安踏</a></li>
					<li><a href="#javascript: ;" >奥康</a></li>
					<li><a href="#javascript: ;" style="color: red;">骆驼</a>
						<img src="images/hot.gif"/>
					</li>
					<li><a href="#javascript: ;" >特步</a></li>
				</ul>
				<h5>女装</h5>
				<ul>
					<li><a href="#javascript: ;" >呢大衣</a></li>
					<li><a href="#javascript: ;" >T恤</a></li>
					<li><a href="#javascript: ;" >羽绒</a></li>
					<li><a href="#javascript: ;" >衬衫</a></li>
					<li><a href="#javascript: ;" >羊绒衫</a></li>
					<li><a href="#javascript: ;" >针织</a></li>
					<li><a href="#javascript: ;" >连衣裙</a></li>
					<li><a href="#javascript: ;" >皮外套</a></li>
				</ul>
				<h5>男装</h5>
				<ul>
					<li><a href="#nogo" >衬衫</a></li>
					<li><a href="#nogo" >T恤衫</a></li>
					<li><a href="#nogo" >夹克</a></li>
					<li><a href="#nogo" >大皮衣</a></li>
					<li><a href="#nogo" >风衣</a></li>
					<li><a href="#nogo" >牛仔裤</a></li>
					<li><a href="#nogo" >西服</a></li>
					<li><a href="#nogo" >卫衣</a></li>
				</ul>
				<h5>鞋包配饰</h5>
				<ul>
					<li><a href="#nogo" >围巾</a></li>
					<li><a href="#nogo" >旅行箱</a></li>
					<li><a href="#nogo" >真皮包</a></li>
					<li><a href="#nogo" >韩版</a></li>
					<li><a href="#nogo" >达芙妮</a></li>
					<li><a href="#nogo" >单肩包</a></li>
					<li><a href="#nogo" >毛线</a></li>
					<li><a href="#nogo" >清仓靴子</a></li>
				</ul>
			</div>
			<div class="right-content">
				<div class="center">
					<div class="right-content-left">
						<!--放大镜-->
						<div class="big-box">
							<div class="box">
								<img class="tp1" src="images/pro_img/blue_one_small.jpg"/>
								<div class="fdj"></div>
							</div>
							<div class="content">
								<img class="tp2" src="images/pro_img/blue_one_big.jpg"/>
							</div>
						</div>
					</div>
					<img class="look" src="images/look.gif"/>
					<div class="looks">
						<img src="images/pro_img/blue_one_small.jpg"/>
					</div>
					<ul class="small-bg">
						<li><img src="images/pro_img/blue_one_small.jpg"/></li>
						<li><img src="images/pro_img/blue_two_small.jpg"/></li>
						<li><img src="images/pro_img/blue_three_small.jpg"/></li>
					</ul>
					<button style="background: #6D84B4;">产品属性</button><button>产品尺码表</button><button>产品介绍</button>
					<div class="class1 class">
						沿用风靡百年的经典全棉牛津纺面料，通过领先的液氨整理技术，使面料的抗皱性能更上一层。延续简约、舒适、健康设计理念，特推出免烫、易打理的精细免烫牛津纺长袖衬衫系列。
					</div>
					<div class="class2 class">
						来自新疆无污染的生态棉花，采用紧密纺精梳棉纱，单经双纬的织造组织，造就了颗粒饱满、朴实无华、温润细腻的经典牛津纺，易洗快干、手感丰软、吸湿性好。设计师遵循布料完美肌理，立体剪裁，曲摆的现代人性化裁减，相得益彰，浑然天成。
					</div>
					<div class="class3 class">
						世界权威德国科德宝的衬和英国高士缝纫线使成衣领型自然舒展  世界权威德国科德宝的衬和英国高士缝纫线使成衣领型自然舒展、永不变形，缝线部位平服工整、牢固耐磨；人性化的4片式后背打褶结构设计提供更舒适的活动空间；领尖扣的领型设计戴或不戴领带风格炯同、瞬间呈现；醇正天然设计，只为彰显自然荣耀。
					</div>
				</div>
				<div class="right-content-right">
					<h4>免烫高支棉条纹衬衣</h4>
					<ul class="jnProDetailList">
						<li >全新精品高支棉衬衫再次提升品质，精选100%新疆长绒棉织造而成，平整度好，短绒少； 80-100高支双股经纬交织，带来无与伦比的舒适享受；而且面料反光效果好，具有漂亮的光泽，质感上佳，有利于免烫效果的维持！
	   					</li>
						<li >
							<span>价　　格：</span>
	   						<strong class="sum-price">379.00</strong>元
	   					</li>
						<li class="price">
							<span>促　　销：</span>
	   						<strong style="font-size: 25px;color: red;">200.00</strong>元
	   					</li>
						<li class="color-change float">
							<span>颜　　色：</span>
	   						<strong>蓝白</strong>
							<ul>
								<li><img alt="蓝白" src="images/pro_img/blue.jpg" /></li>
								<li><img alt="黄白" src="images/pro_img/yellow.jpg" /></li>
								<li><img alt="粉绿" src="images/pro_img/green.jpg" /></li>
							</ul>
	   					</li>
						<li class="float size">
							<span>尺　　寸：</span>
	   						<strong>未选择</strong>
							<ul>
								<li>S</li>
								<li>L</li>
								<li>SL</li>
								<li>LL</li>
							</ul>
	   					</li>
						<li class="float">
							<span>数　　量：</span>
							<div class="num">
								<select id="num-sort">
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
								</select>
							</div>
	   					</li>
						<li class="pro-price">
							<span>总　　计：</span>
	   						<strong>200</strong>元
	   					</li>
					</ul>
					<div class="pro-rating">
						给商品评分：
						<ul class="rating nostar">
							<li class="one"><a title="1分" href="#"></a></li>
							<li class="two"><a title="2分" href="#"></a></li>
							<li class="three"><a title="3分" href="#"></a></li>
							<li class="four"><a title="4分" href="#"></a></li>
							<li class="five"><a title="5分" href="#"></a></li>
						</ul>
					</div>
					<div class="float">
						<a href="#"><img class="shop" src="images/btn_cart.png" alt="放入购物车" /></a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>